<!DOCTYPE html>
<html>
<head>
    <title>WebHierarkia Hotseat</title>

    <link rel="stylesheet" href="../static/styles/stylesheet.css" media="screen" type="text/css" />
    <link rel="stylesheet" href="../static/styles/board.css" media="screen" type="text/css" />
    <link rel="stylesheet" href="../static/styles/mygames.css" media="screen" type="text/css" />
    <link rel="stylesheet" href="../static/styles/stats.css" media="screen" type="text/css" />

    
    <script type="text/javascript" src="../hierarkia/hierarkia.js"></script>
    <script type="text/javascript" src="../ui/fakeui.js"></script>
    <script type="text/javascript" src="../ui/game.js"></script>
    <script type="text/javascript" src="../ui/fsm.js"></script>
    <script type="text/javascript" src="../ui/board.js"></script>
    <script type="text/javascript" src="../ui/stats.js"></script>
    <script type="text/javascript" src="../ui/actions.js"></script>

    <script type="text/javascript" src="hotseat.js"></script>
</head>

<body onload="starthotseat(document);">

    <div id="header">
    </div>
    
    <div id="tabs" style="display: block;">
        <div id="mygames" class="tab">
            <div id="gameui">
                <div id="board"><!-- dynamic content --></div>

                <div id="statistics"><!-- dynamic content --></div>

                <!-- <div id="messages"> -->
                    <!-- mockup content -->
                    <!-- <div class="message"><b>Welcome to WebHierarkia</b></div>
                </div> -->
            </div>
        </div>
    </div>

</body>
</html>

